<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>全民义务植树网</title>
  <link rel="stylesheet" href="css/animate.min.css">
  <link rel="stylesheet" href="css/swiper-bundle.min.css">
  <link rel="stylesheet" href="css/scroll.css">
  <link rel="stylesheet" href="css/index.css">
  <style>
    * {
      margin: 0;
      padding: 0;
    }

    @font-face {
      font-family: 'heleve';
      src: url('./heleve.otf');
    }

    /* fzfont.ttf */
    @font-face {
      font-family: 'fzfont';
      src: url('./fzfont.ttf');
    }

    li {
      list-style: none;
    }

    body {
      width: 100%;
      height: 100vh;
      height: 56.25vw;
      font-size: 0.2rem;
      background: url("./images/a.png") center no-repeat;
      background-size: 100%;
      font-family: '微软雅黑';
      color: #1b6f60;
      overflow: hidden;
      position: relative;
    }

    .container {
      width: 10.46rem;
      height: 7.3rem;
      margin: 0 auto;
      overflow: hidden;
    }

    .swiper1 {
      font-size: 0.2rem;
    }
  </style>
</head>

<body>
  <div class="right-zsAll">
    最新获得证书
  </div>
  <!-- 气泡 -->
  <div class="qpao">
    <img src="./images/yq1.png" alt="" class="yq yq1 animated ">
    <img src="./images/yq2.png" alt="" class="yq yq2 animated ">
    <img src="./images/yq3.png" alt="" class="yq yq3 animated ">
    <!-- fadeOutUp -->
  </div>
  <!--底部证书-->
  <div class="zs-main">
    <ul class="animate"></ul>
  </div>
  <div class="fwl">
    <img src="./images/zi.png" alt="" class="zi">
    <!-- <p class="ti">全民义务植树网</p>
    <p class="ti">当前访问量实时统计</p> -->
    <h2><b class="number-box numberRun1"></b> 人</h2>
    <p class="fwl-bo"><span>2021-03-09 10:47</span> 数据来源：全民义务植树网官网</p>
  </div>
  <div class="zs-img animated bounceInUp ">
    <img src="./images/zs.png" alt="">
    <p>姓名</p>
  </div>
  <img src="./images/one-b.png" alt="" class="one-left-b">
  <img src="./images/left-m.png" alt="" class="left-ewm" style="display: none;">
  <div class="container">
    <div class="swiper-container main-wrapper">
      <div class="swiper-wrapper">
        <div class="swiper-slide swiper1">
          <img src="./images//ewm.png" alt="">
          <!-- <p class="title">当前访问量实时统计</p>
          <p class="time">2021-03-04 17:05</p>
          <p class="m-num"><b class="number-box numberRun1"></b><span>人</span></p>
          <p>数据包含PC端，手机APP，微信端</p> -->
        </div>
        <div class="swiper-slide swiper2">
          <!-- <div class="swiper-list-item">
            <h3 class="tip-l">国家林草局机关及在京事业单位捐款统计</h3>
            <div class="item-list">
              <div class="item-box">
                <div class="sub-title">
                  累计捐款（元）
                </div>
                <div class="num-d"><b id="jine" class="number-box numberRun2"></b> <span>元</span></div>
              </div>
              <div class="item-box">
                <div class="sub-title">
                  捐款人次
                </div>
                <div class="num-d act"><b id="renc" class="number-box numberRun3"></b> <span> <span>人</span>
                </div>
              </div>
            </div>
          </div> -->
          <div class="swiper-list-item">
            <h3 class="tip-l tip-l2">2021年国家林业和草原局干部职工捐款实时榜</h3>
            <div>
              <div class="box-th">
                <div class="name">捐款人</div>
                <div class="je">捐款金额（元）</div>
                <p class="xm">参与项目</p>
                <div class="time">捐款时间</div>
              </div>
              <div class="llist">
                <ul class="box-tabel">
                  <!-- <li class="box-tr">
                    <div class="name">姓名啊1</div>
                    <div class="je">100 <span>元</span></div>
                    <p class="xm">我</p>
                    <div class="time">2020/03/04 11:30</div>
                  </li>
                  <li class="box-tr">
                    <div class="name">姓名啊2</div>
                    <div class="je">100 <span>元</span></div>
                    <p class="xm">我为长城出发地种棵树</p>
                    <div class="time">2020/03/04 11:30</div>
                  </li>
                  <li class="box-tr">
                    <div class="name">姓名啊3</div>
                    <div class="je">100 <span>元</span></div>
                    <p class="xm">我为长城出发地种棵树</p>
                    <div class="time">2020/03/04 11:30</div>
                  </li>
                  <li class="box-tr">
                    <div class="name">姓名啊4</div>
                    <div class="je">100 <span>元</span></div>
                    <p class="xm">义务植树我参与</p>
                    <div class="time">2020/03/04 11:30</div>
                  </li>
                  <li class="box-tr">
                    <div class="name">姓名啊5</div>
                    <div class="je">100 <span>元</span></div>
                    <p class="xm">我为长城出发地种棵树</p>
                    <div class="time">2020/03/04 11:30</div>
                  </li> -->
                </ul>
              </div>
            </div>
          </div>
        </div>

        <!-- <div class="swiper-slide">
          <div class="echarts" style="width: 100%;height: 50vh"></div>
        </div> -->
      </div>
    </div>
  </div>
  <script src="./js/rem.js"></script>
  <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <script src="./js/scroll.js"></script>
  <script src="./js/echarts.min.js"></script>
  <script src="./js/scroll.js"></script>
  <script src="./js/scrollNumber.js"></script>
  <script src="./js/countNumber.js"></script>
  <script src="./js/swiper-bundle.min.js"></script>
  <script src="./js/index.js"></script>
  <script>
  </script>
</body>

</html>